為了讓民眾在瀏覽網站時能感到較活潑親切,希望在背景和地圖等圖片能使用微動畫吸引民眾,也在首頁加入了臺南的觀光景點元素,讓交通和觀光結合為臺南帶來更多觀光人潮。還有介紹各種中運量捷運系統,以及每條捷運線的路線圖都會呈現給民眾看。
前往網站:https://www.rapid-transit.org/
使用技術: html / css / javascript / RWD
[embedyt] https://www.youtube.com/watch?v=eOkeKY4HQOs[/embedyt] 360線上展場網站,可以查看展示產品(布料/衣服)的360度以及產品資料。可以選擇喜歡或中意的衣服,點擊後會出現不同的布料材質可以選擇,除了布料的基本資訊,還可以按播放鍵讓模擬展示的布料自行360度旋轉。 前往網站:http://172.104.78.208/app/ 使用技術: html / css / javascript / pannellum / 360view
日本網站,用儀器監測使用者心率,用大數據分析使用者身體健康狀況,以及包含心電圖等資訊,整個後台版面設計。
前往網站:https://www.mitsufuji.co.jp/
使用技術: html / css / javascript(jquery) / analytics.js
數據分析使用。
使用技術: VUE / Highcharts
按照給予的版型,利用Cookie儲存資料以及顯示紀錄,做出一個DEMO,資料由案主要更新時自行上傳到資料庫。
使用技術: html / css / javascript(jquery) / miranda.js / cookie.js
使用GoogleMap的api在網站內崁入Google地圖,並且在上頭加上ICON進行互動。抓取資料並且呈現成圖表。主要功能為測試投資眼光準確度的網站,整個網站的圖表及 ICON皆為製作範圍。
使用技術: html / css / javascript(jquery) / Google map javascript api / Apexcharts.js / miranda.js
委託的案主是一對父母,用了他們第一個孩子的英文名字做為品牌名稱開始創業之路,除了販售小孩服飾外,也希望能為所有爸媽留下美好記憶。
前往網址:https://www.chantail.com/
使用技術: html / css / javascript / RWD
專門製作客製化商品,包含設計、製作與行銷一條龍服務,有小王子和嚕嚕米的正式授權。
前往網址:https://www.yoshi850.com/
使用技術: html / css / javascript(jquery) / checkout.js / RWD
可選擇手機品牌及型號並觀看測試結果。有顯示問卷調查後的前十大最好手機(含型號),以及前十大相機功能最好的手機(含型號)。幫助妳在短時間內找到喜歡的手機+擁有最棒的拍照功能+省錢的最佳組合。
前往網址:https://phonenphoto.com/
使用技術: html / css / javascript / RWD
蒐集來自世界各地對家的夢想,將大家喜歡的居家商品匯集起來,可以隨心所欲地去裝飾自己的居家生活環境。從一位夢想家,到擁有自己夢想的家。
前往網址:https://housedamour.com/
使用技術: html / css / javascript / RWD